.container{
  display:flex;
  position: fixed;
    top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  height:100vh;
  background-color: #f0f2f5;
}

.content-wrapper{
  flex: auto;
  padding: 12px 0;
}

.content{
  margin: 0 24px;
  display:flex;
  height: 100%;

  .left{
  width:285px;
  background-color:#fff;
  padding: 0 12px;
  }

  .main{
  flex:1;
  position: relative;
  overflow: hidden;

  .canvas-wrapper{
    position: absolute;
    width: 400px;
    height: 712px;
    top:50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow: auto;
  }
  }

  .right{
  width:300px;
  background-color:#fff;
  padding: 0 12px;
  }
}